<template>
  <div class="dashboard">
    <!-- <Header /> -->
    <main class="content">
      <!-- <WelcomeArea /> -->
      <!-- <QuickOverview /> -->
      <!-- <FeatureArea /> -->
      <!-- <DataDisplay /> -->
    </main>
    <Footer />
  </div>
</template>

<script setup lang="ts">
// import Header from '@/components/Header.vue';
// import WelcomeArea from '@/components/WelcomeArea.vue';
// import QuickOverview from '@/components/QuickOverview.vue';
// import FeatureArea from '@/components/FeatureArea.vue';
// import DataDisplay from '@/components/DataDisplay.vue';
import Footer from '@/components/Footer.vue';
</script>

<style scoped>
.dashboard {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
}

.content {
  overflow-y: auto;
  padding: 20px;
}
</style>